<!DOCTYPE html>
<html>
<head>
    <meta charset='UTF-8'>
    <title>Document</title>
</head>
<body>
<ul id="example">
    <li v-for="item in items">
        {{ item }}
    </li>
</ul>

<!-- v-for还支持第二个参数，即当前项的索引 -->
<ul id="example-2">
    <li v-for="(item,index) in items">
        {{ index }}-{{ item.data }}
    </li>
</ul>
</body>
<script src="../vue.js"></script>
<script>
const exm = new Vue({
    el:"#example",
    data:{
        items:['这是第一条数据','这是第二条数据','这是第三条数据']
    }
});

// 有当前索引项的vue实例
const exm2 = new Vue({
    el:"#example-2",
    data:{
        items:[
            {data:'带索引的第一项'},
            {data:'带索引的第二项'},
            {data:'带索引的第三项'}
        ]
    }
})
</script>
</html>